<template>
  <inject-template :item="item" :pageId="pageId" :popId="popId">
    <template v-slot:common>
      <i :class="item.commonAttr.icon" :style="item.styles" class="wb-icon"></i>
    </template>
  </inject-template>
</template>

<script>
import InjectTemplate from '@/components/inject-template.vue'
import { utils } from '@/components/utils/utils'

export default {
  name: 'WbIcon',
  mixins: [utils],
  components: {
    InjectTemplate,
  },
};
</script>
<style>
.wb-icon {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wb-icon i{
  display: inline-block;
}
</style>